<template>
  <div class="background">
    <canvas id="startrack" width="1536" height="1039"></canvas>
    <div class="cover"></div>
  </div>
</template>

<script>
export default {
  name: "Background"
}
</script>

<style>
#startrack {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.background.fixed {
  position: fixed;
  height: 100%;
  top: -60%;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/*.background .cover {*/
/*  position: absolute;*/
/*  bottom: -42%;*/
/*  left: 0;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  background: linear-gradient(to top, rgba(32, 32, 32, 1) 30%, rgba(32, 32, 32, 0) 100%)*/
/*}*/
</style>
